<html>
	<head>
		<meta charset="utf-8" />
		<title>元素节点的其它方法</title>
	</head>
	<body>
		<div id="one">
			<p id="onep">第一个段落</p>
			<p  id="twop">第二个段落</p>
		</div>
	</body>
	<script type="text/javascript">
		var onep=document.getElementById("onep");
		onep.remove(); //移除第一个段落
		onediv=document.getElementById("one");
		var twodiv=document.createElement("div");
		twodiv.setAttribute("id","twodiv");
		var twodivp=document.createElement("p");
		var twodivptext=document.createTextNode("第二个div");
		twodivp.appendChild(twodivptext);
		twodiv.appendChild(twodivp);
		onediv.insertAdjacentElement("afterend",twodiv);
		//beforebegin：当前元素之前
		//afterbegin：当前元素内部的第一个子节点前面
		//beforeend：当前元素内部的最后一个子节点后面
        //afterend：当前元素之后
		onediv.insertAdjacentHTML('beforeend', '<p id="three">新插入的第三个节点</p>');
		//insertAdjacentText的方法也是类似的


		
	</script>


</html>